﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="login.aspx.cs" Inherits="login" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style>
        .login-dialog {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 300px;
            margin: -100px 0 0 -100px;
            background-color: #3E3E3E;
            display: block;
            z-index: 998;
            border-radius:5px;
        }

            .login-dialog .login-dialog-tab {
                width: 300px;
                height: 50px;
            }

                .login-dialog .login-dialog-tab .tab-item {
                    width: 75px;
                    height: 50px;
                    background-color: #0099CC;
                    float: left;
                    cursor: pointer;
                }

                    .login-dialog .login-dialog-tab .tab-item.selected {
                        background-color: #3E3E3E;
                    }

                    .login-dialog .login-dialog-tab .tab-item .icon-tab {
                        margin: 12px 25px;
                    }

            .login-dialog .login-dialog-content {
                padding: 10px;
            }

                .login-dialog .login-dialog-content > a {
                    color: white;
                    font-size: 20px;
                    display: block;
                }

                .login-dialog .login-dialog-content .login-input {
                    display: block;
                    margin:5px 0px;
                }

                    .login-dialog .login-dialog-content .login-input > a {
                        display: inline-block;
                        width: 36px;
                        height: 36px;
                        float: left;
                        background-color: #0099CC;
                        border-radius: 5px 0px 0px 5px;
                        text-align: center;
                        line-height: 36px;
                    }

                    .login-dialog .login-dialog-content .login-input .text-input {
                        display: block;
                        height: 30px;
                        width: 240px;
                        border-radius: 0px 5px 5px 0px;
                    }

                .login-dialog .login-dialog-content .login-button {
                    background-color: #0099CC;
                    border:1px solid #0099CC;
                    margin:5px 0px;
                    display:block;
                    width:100%;
                    height:36px;
                    font-size:20px;
                    color:white;
                    border-radius:5px;
                    cursor:pointer;
                    display:block;
                }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div class="login-dialog">
            <div class="login-dialog-content">
                <a>Đăng Nhập Hệ Thống</a>
                <a>(Test:admin-admin)</a>
                <div class="login-input">
                    <a>U</a><asp:TextBox ID="txtTenTK" runat="server" CssClass="text-input"></asp:TextBox>
                </div>
                <div class="login-input">
                    <a>P</a><asp:TextBox ID="txtMatKhau" runat="server" CssClass="text-input" TextMode="Password"></asp:TextBox>
                </div>
                <asp:Button ID="Button1" runat="server" Text="Login" CssClass="login-button" OnClick="Button1_Click" />
                <a href="Default.aspx" style="display:block;text-align:center;color:#0099CC;">Trở về</a>
            </div>
        </div>
    </form>
</body>
</html>
